<script>
import UButton from "../../../../uni_modules/uview-ui/components/u-button/u-button.vue";
import UIcon from "../../../../uni_modules/uview-ui/components/u-icon/u-icon.vue";
import BaseInfoCard from "../../../../components/business/base-info-card/index.vue";
import UInput from "../../../../uni_modules/uview-ui/components/u--input/u--input.vue";
import SearchBar from "../../../../components/business/search-bar/index.vue";
import ClientProgrammeBtn from "../../../../components/business/client-programme-btn/index.vue";

export default {
  name: "index",
  components: {ClientProgrammeBtn, UInput, UIcon, UButton, BaseInfoCard, SearchBar },
  methods: {
    toMerge() {
      uni.navigateTo({
        url: '/pages/index/home/grid/merge/index'
      })
    }
  }
}
</script>

<template>
  <view class="install">
    <!--条件筛选-->
    <search-bar />
    <!--列表-->
    <base-info-card
        v-for="i in 10"
        :key="i"
        object-code="YYG-ZY-gx（qz/fcg/bh）-123"
        roofType="斜屋顶"
        azimuth="正南"
        ownerName="张三"
        ownerAddress="安徽省合肥市蜀山区荷叶地街道蔚蓝商务港D座"
        status="待开卡"
    >
      <template slot="footer">
        <view class="footer cell">
          <view class="cell-bd see">
            <client-programme-btn />
          </view>
          <view class="cell-hd btn">
            <u-button size="small" type="primary" @click="toMerge">并网</u-button>
          </view>
        </view>
      </template>
    </base-info-card>
  </view>
</template>

<style scoped lang="scss">
.install{
  background: #f5f5f5;
  min-height: 100vh;
  padding: 10px;
}
.footer{
  //border-top: 1px dashed #eee;
  padding: 0px 0 10px 0;
  .see{
    font-size: 12px;
  }
  .btn{
    display: inline-block;
    padding: 0 5px;
  }
}
</style>
